<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			* {
				box-sizing: border-box;
				margin: 0;
				padding: 0;
			}
			
			body {
				background-position: 50% 0;
				min-width: 12px;
				overflow-x: hidden;
			}
			
			#nav-bar {
				border: 1px solid red;
				height: 50px;
				width: 1899px;
			}
			
			#header {
				border: 1px solid red;
				height: 355px;
				width: 1899px;
			}
			
			#header-center {
				border: 1px solid red;
				height: 355px;
				width: 1200px;
				margin: auto;
			}
			
			#container {
				border: 1px solid red;
				height: 1702px;
				/*position: absolute;*/
				width: 100%;
				background: 50% 0;
				background-image: url(img/background.jpg);
				background-repeat: no-repeat;
			}
			
			#footer {
				border: 1px solid red;
				height: 132px;
				width: 1899px;
			}
			
			#nav {
				position: relative;
				z-index: 10;
				top: 0px;
				left: 305px;
				border: 1px solid red;
				height: 70px;
				width: 900px;
			}
			
			#part1 {
				border: 1px solid red;
				height: 303px;
				width: 1160px;
				margin: auto;
			}
			
			#news {
				border: 1px solid red;
				height: 300px;
				width: 808px;
			}
			
			#newsbar {
				border: 1px solid red;
				height: 335px;
				width: 254px;
				margin-top: -41px;
				margin-left: 20px;
			}
			
			#part2 {
				border: 1px solid red;
				height: 874px;
				width: 1160px;
				margin: auto;
				padding-top: 20px;
			}
			
			#part2-left {
				border: 1px solid red;
				height: 853px;
				width: 254px;
				margin-right: 20px;
				/*display: inline-block;*/
				float: left;
			}
			
			#part2-mid {
				border: 1px solid red;
				height: 853px;
				width: 613px;
				/*display: inline-block;*/
				float: left;
			}
			
			#part2-right {
				border: 1px solid red;
				height: 854px;
				width: 254px;
				/*display: inline-block;*/
				float: right;
			}
			
			#part2-left-top {
				border: 1px solid red;
				height: 214px;
				width: 254px;
				margin-bottom: 20px;
				/*display: inline-block;*/
			}
			
			#part2-left-center {
				border: 1px solid red;
				height: 379px;
				width: 254px;
				margin-bottom: 20px;
				/*display: inline-block;*/
			}
			
			#part2-left-bottom {
				border: 1px solid red;
				height: 220px;
				width: 254px;
				/*display: inline-block;*/
			}
			
			.clear {}
			
			a {
				display: block;
				font-size: 16px;
				font-family: 'Microsoft Yahei';
				color: #fff;
				/*line-height: 24px;*/
				text-shadow: 0 0 1px #000;
				text-decoration:none;
			}
			
			li {
				display: block;
				float: left;
				width: 120px;
				height: 40px ;
				padding-right: 30px;
				padding-left: 10px;
				line-height: 100%;
			}
			
			ul {
				margin-top: 30px;
				/*padding-left: 30px;*/
			}
			
			i {
				font: 11px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", arial, tahoma, sans-serif;
				color: #979797;
				line-height: 14px;
				font-style: normal;
				font-variant: small-caps;
				display: block;
				margin-top:2px;
				padding-right: 30px;
				padding-left: 5px;
			}
			
			/*.1 {
				font: 11px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", arial, tahoma, sans-serif;
				color: #979797;
				line-height: 14px;
				font-style: normal;
				font-variant: small-caps;
				display: block;
				margin-top:2px;
				padding-right: 30px;
				padding-left: 20px;
			}*/
			
			/*.n1 {
				font-size: 16px;
				font-family: "microsoft yahei";
				color: white;
			}*/
		</style>
	</head>

	<body>
		<!--bar-->
		<div id="nav-bar">

		</div>
		<!--主页容器-->
		<div id="container">

			<!--页头-->
			<div id="header">
				<!--页头中部-->
				<div id="header-center">
					<!--选项条-->
					<div id="nav" class="clear">
						<ul>
							<li><a href="#"><strong>官方首页</strong><i style="padding-right: 30px; padding-left: 20px;">home</i></a></li>
							<li><a href="#"><strong>下载中心</strong><i>download</i></a></li>
							<li><a href="#"><strong>岛内新闻</strong><i style="padding-right: 30px; padding-left: 20px;">news</i></a></li>
							<li><a href="#"><strong>游戏资料</strong><i style="padding-right: 30px; padding-left: 20px;">info</i></a></li>
							<li><a href="#"><strong>充值专区</strong><i style="padding-right: 30px; padding-left: 25px;">pay</i></a></li>
							<li><a href="#"><strong>玩家互动</strong><i>interaction</i></a></li>
							<li><a href="#"><strong>彩虹客服</strong><i style="padding-right: 30px; padding-left: 20px;">service</i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--第一部分-->
			<div id="part1">
				<!--新闻部分-->
				<div id="news">
					<!--新闻选项条-->
					<div id="newsbar">

					</div>
				</div>
			</div>
			<!--第二部分-->
			<div id="part2">
				<!--第二部分左半部分-->
				<div id="part2-left">
					<!--左边顶部-->
					<div id="part2-left-top">

					</div>
					<!--左边中部-->
					<div id="part2-left-center">

					</div>
					<!--左边底部-->
					<div id="part2-left-bottom">

					</div>
				</div>
				<!--第二部分中间部分-->
				<div id="part2-mid">

				</div>
				<!--第二部分右半部分-->
				<div id="part2-right">

				</div>

			</div>
		</div>

		<!--底部-->
		<div id="footer">

		</div>

	</body>

</html>